<template>
	<view class="search" @click="$emit('click')">
		<image src="https://www.kmdj2018.com/Uploads/zfb/search.png" mode="aspectFit" class="imgSize"></image>
		<input type="text" placeholder="搜索" placeholder-style="font-size:28rpx">
	</view>
</template>

<script>
	export default {
		name:"search",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.search{
		position: relative;
		input{
			width: 100%;
			background-color: #F5F6FA;
			height: 72rpx;
			border-radius: 100rpx;
			padding-left: 72rpx;
			font-size: 28rpx;
			overflow: hidden;
			// 防止input超出
			 box-sizing: border-box;
			 -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
		}
		.imgSize{
			width: 28rpx ;
			height: 28rpx ;
			position: absolute;
			left: 24rpx;
			top: 22rpx;
		}
	}
</style>